<template>
  <div>
    <h3 style="font-weight:600;font-size:22px;margin-top: -10px;">数据通道信息</h3>
    <el-form :model="formData" label-width="150px">
<!--        <h3 style="font-weight:bolder;">基本信息</h3>-->
        <el-row>
          <el-col :span="8">
            <el-form-item label="数据通道名称：">{{ formData.resourceName }}</el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="所属单位：">{{ formData.unit }}</el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="所属部门：">{{formData.depart}}</el-form-item>
          </el-col>
<!--           <el-col :span="6">-->
<!--            <el-form-item label="关键词：">{{ formData.keyword }}</el-form-item>-->
<!--          </el-col>-->
        </el-row>
      <el-row>
        <el-col>
          <el-form-item label="引擎验证登录码：">{{ formData.engineLoginCode }}</el-form-item>
        </el-col>
      </el-row>
      <el-row>
          <el-col :span="24">
            <el-form-item label="简介：">{{ formData.brief }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="详细介绍：">{{ formData.detail }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="展示图标：">
              <template v-if="formData.iconUrl">
              <img :src="formData.iconUrl" alt="" style="width: 200px;height: 200px;">
              </template>
              <template v-if="!formData.iconUrl">
               <span>无</span>
              </template>
            </el-form-item>
          </el-col>
        </el-row>
<!--        <h3 style="font-weight:bolder;">默认控制信息</h3>-->
<!--        <el-row>-->
<!--          <div v-for="(item,index) in formData.datasourceDefaultControlList" :key="index">-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="特定用户：" :prop="'datasourceDefaultControlList.' + index + '.userId'">-->
<!--                <div v-if="item.userId">-->
<!--                  <span v-for="(item1,index1) in AllUserInfoList" :key="index1">-->
<!--                    <span v-if="item1.userId==item.userId">-->
<!--                      {{item1.nickName}}-->
<!--                    </span>-->
<!--                  </span>-->
<!--                </div>-->
<!--                <div v-else>-->
<!--                  <span>所有人</span>-->
<!--                </div>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="用户类型：" :prop="'datasourceDefaultControlList.' + index + '.userType'">-->
<!--                {{ userType[item.userType] }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="用户级别：" :prop="'datasourceDefaultControlList.' + index + '.userLevel'">-->
<!--                {{ userLevel[item.userLevel] }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="说明：" :prop="'datasourceDefaultControlList.' + index + '.remark'">-->
<!--                {{ item.remark }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="用户访问：" :prop="'datasourceDefaultControlList.' + index + '.isVisible'">-->
<!--                {{ isVisible[item.isVisible] }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="共享模式：" :prop="'datasourceDefaultControlList.' + index + '.sharedType'">-->
<!--                {{ shareType[item.sharedType]}}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="数据确权：" :prop="'datasourceDefaultControlList.' + index + '.dataEnsureRightType'">-->
<!--                {{ dataEnsureRightType[item.dataEnsureRightType]}}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="自由使用：" :prop="'datasourceDefaultControlList.' + index + '.dataFreedomType'">-->
<!--                {{ dataFreedomType[item.dataFreedomType]}}-->
<!--              </el-form-item>-->
<!--            </el-col>-->

<!--          </div>-->
<!--        </el-row>-->
<!--        <h3 style="font-weight:bolder;">默认价格信息</h3>-->
<!--        <el-row>-->
<!--          <div v-for="(item,index) in formData.datasourceDefaultPriceList" :key="index">-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="特定用户：" :prop="'datasourceDefaultPriceList.' + index + '.userId'">-->
<!--                <div v-if="item.userId">-->
<!--                  <span v-for="(item1,index1) in AllUserInfoList" :key="index1">-->
<!--                    <span v-if="item1.userId==item.userId">-->
<!--                      {{item1.nickName}}-->
<!--                    </span>-->
<!--                  </span>-->
<!--                </div>-->
<!--                <div v-else>-->
<!--                  <span>所有人</span>-->
<!--                </div>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="用户类型：" :prop="'datasourceDefaultPriceList.' + index + '.userType'">-->
<!--                {{ userType1[item.userType] }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="用户级别：" :prop="'datasourceDefaultPriceList.' + index + '.userLevel'">-->
<!--                {{ userLevel1[item.userLevel] }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="计费类别：" :prop="'datasourceDefaultPriceList.' + index + '.billingType'">-->
<!--                {{ billingType[item.billingType]}}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="使用周期：" :prop="'datasourceDefaultPriceList.' + index + '.usePeriod'">-->
<!--                {{ item.usePeriod }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="计费单位：" :prop="'datasourceDefaultPriceList.' + index + '.productUnit'">-->
<!--                {{ item.productUnit }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="价格设置：" :prop="'datasourceDefaultPriceList.' + index + '.price'">-->
<!--                {{ item.price }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="6">-->
<!--              <el-form-item label="备注说明：" :prop="'datasourceDefaultPriceList.' + index + '.remark'">-->
<!--                {{ item.remark }}-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </div>-->
<!--        </el-row>-->
<!--        <h3 style="font-weight:bolder;">接口信息</h3>-->
<!--        <div v-if="formData.datasourceInterface" :prop="formData.datasourceInterface">-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="数据通道种类：">{{ sourceCategory[formData.datasourceInterface.sourceCategory] }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="具体类别：">{{ sourceTypes[formData.datasourceInterface.sourceTypes] }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="是否代理源：">{{ isAgent[formData.datasourceInterface.isAgent] }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="引擎操作系统：">{{ formData.datasourceInterface.system }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="引擎授权码：">{{ formData.datasourceInterface.version }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="数据库别名：">{{ formData.datasourceInterface.databaseAlias }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="数据库名称：">{{ formData.datasourceInterface.databaseName }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="登陆用户名：">{{ formData.datasourceInterface.userName }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="登陆密码：">{{ formData.datasourceInterface.password }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="端口：">{{ formData.datasourceInterface.port }}</el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="6">-->
<!--            <el-form-item label="地址：">{{ formData.datasourceInterface.ipaddress }}</el-form-item>-->
<!--          </el-col>-->
<!--        </div>-->

    </el-form>
  </div>
</template>

<script>
import { listUser } from "@/api/system/user";
export default {
  name: "ResourceInfo",
  props:{
    formData:Object
  },
  data() {
    return {
      AllFieldTypeList: [],// 所属分类信息
      AllUserInfoList: [],// 用户信息表
      AllEngineInfoList: [],// 引擎信息表
      AllDatasourceBaseStructList:[],// 资源结构表
      keyList: [],// 关键字，列表
      // 用户类型
      userType: {
        0: "个人",
        1: "私人企业",
        2: "国有重点企业",
        3: "组织机构",
        4: "事业单位",
        5: "普通局委办",
        6: "权力机构",
      },
      userType1: {
        0: "个人",
        1: "私人企业",
        2: "国有重点企业",
        3: "组织机构",
        4: "事业单位",
        5: "普通局委办",
        6: "权力机构",
      },
      // 用户级别
      userLevel: {
        0: "最低级用户",
        1: "低级用户",
        2: "中级用户",
        3: "高级用户",
        4: "最高级用户",
      },
      userLevel1: {
        0: "最低级用户",
        1: "低级用户",
        2: "中级用户",
        3: "高级用户",
        4: "最高级用户",
      },
      // 共享模式
      shareType: {
        0: "无条件共享",
        1: "有条件共享",
      },
      //用户访问
      isVisible: {
        0: "查询可见",
        1: "查询不可见",
      },
      // 数据确权
      dataEnsureRightType: {
        0: "不需要确权",
        1: "需要确权",
      },
      // 自由使用
      dataFreedomType: {
        0: "不能生成用户自由使用的数据",
        1: "可生成用户自由使用的数据",
      },
      // 计费类别
      billingType: {
        0: "按次数",
        2: "按记录数",
        3: "按字节",
        4: "按时长",
      },
      // 数据通道种类
      sourceCategory: {
        0: "结构化",
        1: "非结构化",
        2: "实时",
        3: "API",
      },
      // 数据通道具体类别
      sourceTypes: {
        0: "mysql",
        1: "oracle",
        2: "MongDB",
        3: "BigTable",
      },
      // 是否代理源
      isAgent: {
        0: "是",
        1: "否",
      },
      // 数据类型
      dataType: {
        0: "整数",
        1: "长整数",
        2: "字节",
        3: "浮点数",
        4: "时间",
        5: "字符串",
      },
      // 访问控制
      status: {
        0: "编辑",
        1: "查看",
      },
      // 所属分类
      typeIdList: {
        1: "成都大学",
        2: "实验环境",
        3: "试运行环境",
        4: "气象数据",
        7: "畜牧业",
        8: "能源再回收",
        10: "1",
      },
       queryParams: {
        pageNum: 1,
        pageSize: 10,
        keyword: "",
      },
    };
  },
  created() {
   this.getDataList()
  },
  methods: {
      getDataList(){
        // console.log('formData', this.formData)
          listUser(this.queryParams).then((response) => {
            this.AllUserInfoList = response.rows;
          });
      }
  }
};
</script>
<style scoped>
  .el-form-item{
   margin-bottom: 0px !important;
  }
</style>
